<template>
  <div id="line">

  </div>
</template>

<script>
export default {
mounted(){
    let option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [
    {
      data: [10, 22, 28, 23, 19],
      type: 'line',
      label: {
        show: true,
        position: 'bottom',
        textStyle: {
          fontSize: 20
        }
      }
    }
  ]
};
    let myChart = this.$echarts.init(document.querySelector("#line"));
            myChart.setOption(option);
}
}
</script>

<style>
#line{
    width: 100%;
    height: 100%;
}
</style>